<template>
    <div>
<van-swipe-cell>
  <van-card
    price="item.goods.goods_price"
    title="item.goods.goods_name"
  >
  <template #thumb>
    <div style="width: 120px;height: 40px;display: flex;">
        <van-checkbox v-model="checked"></van-checkbox>
        <img src="https://fastly.jsdelivr.net/npm/@vant/assets/cat.jpeg" alt="">
    </div>
  </template>
  <template #num>
<van-stepper v-model="value" theme="round" button-size="22" disable-input />
  </template>
 </van-card>
  <template #right>
    <van-button square text="删除" type="danger" class="delete-button" />
  </template>
</van-swipe-cell>
    </div>
    <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
  <van-checkbox v-model="checked">全选</van-checkbox>
  <template #tip>
    你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
  </template>
</van-submit-bar>

</template>

<script setup>
import { showToast } from 'vant';
import { ref } from 'vue';
const checked = ref(true);
import { useCounterStore } from '@/stores/cart'
// 在组件内部的任何地方均可以访问变量 `store` ✨
const store = useCounterStore()
let cartData=ref([])
// store.piniaCart=store.piniaCart.forEach
console.log(cartData);

    const onSubmit = () => {
        router.push('/tj')
    }
    const onClickLink = () => showToast('修改地址');
    

</script>

<style lang="scss" scoped>

</style>